<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>书城首页</title>

	<%-- 静态包含 base标签、css样式、jQuery文件 --%>
	<%@ include file="/pages/common/head.jsp"%>
	<script href="text/javascript">
		$(function () {
			$(".addToCart").click(function () {
				var bookId=$(this).attr("bookId");
				$.getJSON("${requestScope.basePath}cartServlet","action=addItem&id="+bookId,function (data) {
					$('#cartTotalCount').text("您的购物车中有" + data.totalCount +" 件商品");
					$('#cartLastName').text(data.cartLastName);
				})
			})
		})

	</script>

</head>
<body>


	<div id="header">
			<img class="logo_img" alt="" src="static/img/logo.jpg" >
			<span class="wel_word">网上书城</span>
			<div>
				<c:if test="${not empty sessionScope.loginUser}">
					<span>欢迎<span class="um_span">${sessionScope.loginUser.username}</span>光临世纪大本营书城</span>
					<a href="pages/order/order.jsp">我的订单</a>
					<a href="userServlet?action=logout">注销</a>&nbsp;
				</c:if>
				<c:if test="${empty sessionScope.loginUser}">
					<a href="pages/user/login.jsp">登录</a> |
					<a href="pages/user/regist.jsp">注册</a> &nbsp;&nbsp;
				</c:if>
				<a href="pages/cart/cart.jsp">购物车</a>
				<a href="pages/manager/manager.jsp">后台管理</a>
			</div>
	</div>

	<div id="main">
		<div id="book">
			<div class="book_cond">
				<form action="client/bookServlet" method="get">
					<input type="hidden" name="action" value="pageByPrice">
					价格：<input id="min" type="text" name="minPrice" value="${param.minPrice}"> 元 -
						<input id="max" type="text" name="maxPrice" value="${param.maxPrice}"> 元
						<input type="submit" value="查询" />
				</form>
			</div>
			<div style="text-align: center">
					<span id="cartTotalCount">您的购物车中有
						<c:if test="${sessionScope.cart.totalCount>0}">${sessionScope.cart.totalCount}</c:if>
						<c:if test="${empty sessionScope.cart}">0</c:if>
						件商品</span>
					<div>
						您刚刚将<span id="cartLastName" style="color: red">
						<c:if test="${sessionScope.cart.totalCount>0}">${sessionScope.cartLastName}</c:if>
						<c:if test="${empty sessionScope.cart}">----------</c:if>
					</span>加入到了购物车中
					</div>
			</div>

			<c:forEach items="${requestScope.bookPage.items}" var="book">
			<div class="b_list">
				<div class="img_div">
					<img class="book_img" alt="" src="static/img/2.jpg" />
				</div>
				<div class="book_info">
					<div class="book_name">
						<span class="sp1">书名:</span>
						<span class="sp2">${book.name}</span>
					</div>
					<div class="book_author">
						<span class="sp1">作者:</span>
						<span class="sp2">${book.author}</span>
					</div>
					<div class="book_price">
						<span class="sp1">价格:</span>
						<span class="sp2">￥${book.price}</span>
					</div>
					<div class="book_sales">
						<span class="sp1">销量:</span>
						<span class="sp2">${book.sales}</span>
					</div>
					<div class="book_amount">
						<span class="sp1">库存:</span>
						<span class="sp2">${book.stock}</span>
					</div>
					<div class="book_add">
						<button class="addToCart" bookId="${book.id}">加入购物车</button>
					</div>
				</div>
			</div>
			</c:forEach>
		</div>

		<%--静态包含页码内容--%>
		<%@include file="/pages/common/page_inner.jsp"%>
	</div>
	<%--静态包含页脚内容--%>
	<%@include file="/pages/common/footer.jsp"%>



</body>
</html>